<template>
  <div class="container">
    <titleTop :titleTxet="titleTxet"></titleTop>
    <div class="w1 t_center img_box">
      <img src="../../../assets/img/myPhone.png" alt="" class="myPhone">
    </div>
    <div class="w1 t_center">
      <span>你的手机号码：</span>
      <span>{{old_mobile_num}}</span>
    </div>
    <div class="sub-btn t_center font_36 c_ff" @click="mySet">
        <span>更换手机号</span>
    </div>
  </div>
</template>
<script>
import titleTop from "../../com/title";
import * as common from "../../../api/common.js";
export default {
  components: { titleTop },
  data() {
    return {
      titleTxet: {
        titleName: "修改手机号",
        IsBool: true,
        IsShare: false
      },
      signature:"",
      old_mobile_num:"",
    };
  },
  beforeMount(){
    let useid = {user_id:this.$store.state.user_id};
    common.userinfo(useid).then(res=>{
      console.log(res);
      this.old_mobile_num = res.data.mobile;
    })
  },
  mounted(){
    mui.back = function() {
      window.history.go(-1);
    }
  },
  methods:{
    mySet(){
      this.$router.push({path:"/myPhones"})
    }
  }
};
</script>
<style scoped>

.sub-btn {
  width: 400px;
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
  background: #884ca4;
  border-radius: 10px;
  margin-top: 105px;
}
.sub-btn span{
  color: #fff;
}
.myPhone{
  width: 74px;
  height: 114px;
}
.img_box{
  margin-top: 186px;
  margin-bottom: 106px;
}
</style>


